<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生管理系统</title>
     <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.css">
    <script src="https://cdn.staticfile.org/layui/2.5.7/layui.js"></script>
</head>
<body>
    <div class="layui-layout-admin">
        <!-- 头部 -->
        <div class="layui-header">
            <div class="layui-logo">学生管</div>
            <ul class="layui-nav laui-layout-left">
                <li class="layui-nav-item"><a href="#">首页</a></li>
                <li class="layui-nav-item"><a href="#">学生管理</a></li>
                <li class="layui-nav-item"><a href="#">成绩查询</a></li>
                <li class="layui-nav-item"><a href="#">课程管理</a></li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                 <li class="layui-nav-item">
                  <a href=""><img src="../static/img/default-header.jpg" class="layui-nav-img">{{ loginUser.name }}</a>
                  <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                  </dl>
                </li>
            </ul>
        </div>
        <!-- 侧边栏 -->
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">学生管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#">学生列表</a></dd>
                            <dd><a href="#">添加学生</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">成绩查询</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#">成绩列表</a></dd>
                            <dd><a href="#">成绩统计</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">课程管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#">课程列表</a></dd>
                            <dd><a href="#">添加课程</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 主体内容区域 -->
        <div class="layui-body">
            <div style="padding: 15px;">内容区域</div>
        </div>
        <!-- 底部 -->
        <div class="layui-footer">版权所有 &copy; 2024</div>
    </div>
    <!-- 引入layui的JS文件 -->
    <script src="https://cdn.staticfile.org/layui/2.5.7/layui.js"></script>
    <script>
        layui.use('element', function(){
            var element = layui.element;
        });
    </script>
</body>
</html>